<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>采编人员登录界面</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/cbzx_style.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<div class="container">
    <!--头部开始-->
    <div id="header">
        <h1 class="col-xs-4">
            <a href="#">集约化公共服务平台<br/><small>广东省新闻出版广电局</small></a></h1>
        <div class="r-box">
            <ul class="nav">
                <li><a class="a1" href="#"><span>采编中心</span></a></li>
                <li><a class="a2" href="#"><span>互动中心</span></a></li>
                <li><a class="a3" href="#"><span>运营中心</span></a></li>
                <li><a class="a4" href="#"><span>管理中心</span></a></li>
            </ul>
            <div class="user">
                <dl>
                    <dt><a href="#"><img src="images/header_tx.png" alt=""/></a><i>5</i></dt>
                    <dd>张大伟<br/><a href="#">退出</a></dd>
                </dl>
                <ul class="tc">
                    <li><a href="#" class="a1">消息<i>5</i></a></li>
                    <li><a href="#" class="a2">站群管理</a></li>
                    <li><a href="#" class="a3">密码管理</a></li>
                    <li><a href="#" class="a4">帮助</a></li>
                    <li><a href="#" class="a5">退出系统</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--主体开始-->
    <div id="content" class="cbry-con">
        <div class="row">
            <!--左边开始-->
            <div class="col-xs-6">
                <div class="main js_trsTab">
                    <p class="tit">
                        <strong>我的工作台</strong>
                        <span>
                            <a href="#" class="red"><i class="fa fa-plus"></i>新建稿件</a>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <div class="tab-ul">
                        <ul class="dis-in-b float-left js_tab">
                            <li>全部</li>
                            <li>待编辑</li>
                            <li>审核中</li>
                            <li>已发布</li>
                            <li>已退回</li>
                        </ul>
                        <a class="js_more" href="#">更多</a>
                        <a class="js_more" href="#">更多</a>
                        <a class="js_more" href="#">更多</a>
                        <a class="js_more" href="#">更多</a>
                        <a class="js_more" href="#">更多</a>
                    </div>
                    <div class="js_con">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>标题</th>
                                <th>时间</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em class="green">待审核</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em class="blue">待编辑</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="js_con">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>标题</th>
                                <th>时间</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>03-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="js_con">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>标题</th>
                                <th>时间</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>04-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="js_con">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>标题</th>
                                <th>时间</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>05-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="js_con">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>标题</th>
                                <th>时间</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>06-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            <tr>
                                <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                                <td>02-19</td>
                                <td><em>已发布</em></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--左边结束-->
            <!--右边开始-->
            <div class="col-xs-6">
                <div class="main js_trsTab">
                    <p class="tit">
                        <strong>工作情况统计</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>

                    <ul class="tab-ul js_tab">
                        <li>个人工作量统计</li>
                        <li>个人发稿量统计</li>
                        <li>发稿栏目统计</li>
                    </ul>
                    <div class="js_con pic"><img src="images/cbry_pic.jpg" alt=""/></div>
                    <div class="js_con pic"><img src="images/cbry_pic.jpg" alt=""/></div>
                    <div class="js_con pic"><img src="images/cbry_pic.jpg" alt=""/></div>
                </div>
            </div>
            <!--右边结束-->
        </div>
        <div class="kjgn">
            <strong>快捷功能</strong>
            <a href="#">可视化专题操作</a>
            <a href="#">微信管理平台</a>
            <a href="#">绩效管理</a>
            <a href="#">统计分析</a>
            <a href="#" style="float: right;color: #81c784;"><i class="fa fa-plus"></i>添加快捷功能</a>
        </div>
    </div>
    <!--主体结束-->
    <!--底部开始-->
    <div id="footer">
        北京拓尔思信息技术股份有限公司版权所有
    </div>
    <!--底部结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/common_js.js"></script>
</body>
</html>